iT邦幫忙

2023 iThome 鐵人賽

DAY 4
0
自我挑戰組

玩程式新手村 – C和Python系列 第 4

VS Code 基本操作 (一)

  • 分享至 

  • xImage
  •  

如何快速上手使用?

在應用軟體的指令選單 (menu) 都會將常用的指令附加上鍵盤快捷鍵 (shortcut),另外也會將重要且常用的功能設計成小圖示 (icon) 或按鍵 (button)的樣式,放置在軟體的主畫面上。我們可以從這兩處快速瞭解 VS Code 主要功能和使用方式。

  • VS Code 的指令選單 (menu) 可以收在 主畫面的左上角的功能表列 (menu bar) 內,除了可以用滑鼠選取外,按一下 ALT 鍵也會顯示功能表列。
  • 另外,我們也常常透過「命令選擇區」(Commamd Palette) 來呼叫 VS Code 的指令來執行工作。
  • 在 VS Code 中,有許多軟體開發工具,例如程式碼檢查 (linting)、編譯 (building)、測試 (testing) 等,通常需要在命令列(command line)中執行。你可以使用整合的終端機(Terminal)來執行這些命令。

有哪些常用的快捷鍵?

下面是一部分經常被使用的快捷鍵。而文章後的傳送門的網頁有列出 VS Code 完整的快捷鍵。

版面配置
Ctrl + Shift + P 或 F1 顯示「命令選擇區」(Commamd Palette)
Ctrl + , 開啟設定編輯器 (Settings tab)
Ctrl + B 顯示/隱藏 側邊欄 (Side Bar)
Ctrl + `` 或 Ctrl + J 顯示/隱藏 終端機 (Terminal)
Ctrl+K Z 進入 “Zen Mode”
連按兩次 Esc 離開 “Zen Mode”
  • 注意例外情況:當修改程式,游標在編輯器時,按下 Ctrl + , 不會開啟設定編輯器,而是輸入標點符號。
程式碼
Alt + Shift + F 自動整理程式碼 (Auto Format)
Ctrl + K Ctrl + 0 摺疊所有區塊
Ctrl + K Ctrl + J 展開所有區塊
Home/End 移動到行首/尾
Ctrl + Home/End 移動到頁首/尾
Ctrl + F2 同時選取同名的字串

如何進行並排編輯程式碼?

這個例子是說當你在編輯程式碼時,又想同時參考某一檔案其他部分的程式碼,那你就需要並排編輯。

進行並排編輯的操作方式有以下幾種:

  • 點擊滑鼠右鍵,開啟選單 (稱為 context menu)
    • 滑鼠右鍵點擊 VC Code 左側檔案總管的某一檔案名稱上,選擇 context menu 內的「開至側邊 ( Ctrl + Enter )」,這會將該文件並排左側在編輯器中打開。
    • 或是滑鼠右鍵點擊 VC Code 中間編輯器上面檔案名稱標籤,選擇 context menu 內的「向上分割 ( Ctrk + K Ctrl + \ )」,這會將該文件並排上方在編輯器中打開。
      當然也可以直接按下快捷鍵 Ctrl + K Ctrl + \
  • 也可以按下快捷鍵 Ctrl + \ 將目前的編輯器分成左右兩個獨立的區域,然後在各自的編輯器中進行編輯。
  • 或是點擊編輯器右上角的分割按鈕,可以將編輯器分割成左右兩個。
  • 或是打開你想要進行並排編輯的文件夾,然後用滑鼠將文件拖放到編輯區的左側或右側。
  • 或是在VC Code 左側檔案總管中,按住 Alt 鍵並點擊你想要進行並排編輯的文件,它將在並排編輯器中打開。

從以上例子,我們可以瞭解,要完成某一項功能操作,在VS Code 可以有不同的方式。

快捷鍵的傳送門

🌐 keyboard-shortcuts-windows.pdf
🌐 Visual Studio Code Key Bindings


上一篇
VS Code 的設定
下一篇
VS Code 基本操作 (二)
系列文
玩程式新手村 – C和Python30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言